@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:97px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}
.lateo{ background:#008dd5; color:#fff; line-height:50px; height:50px;}
.vabol span{ margin-right:20px;}
.vabol span img{ margin-right:5px;}
.aeocl{ padding:10px 0; line-height:30px;}
.aeocl a{ margin:0 5px; color:#fff;}
.aeocl a.lang{ border:1px solid #fff;line-height:28px; padding:0 10px; border-radius:3px;}


.top{ position: fixed; background:#fff; left:0%; top:0px; width:100%; z-index:15; box-shadow:0 0 5px rgba(0,0,0,0.1); transition:all 0.5s ease;}
.t-logo{ padding:12px 0;}
.T-nav{}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ line-height:97px; padding:0 20px; font-size:14px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0px; height:2px; display:block; left:50%; transform:translateX(-50%); top:0; background:#e60012;transition:all 0.5s ease;}

.T-nav > li .sec{ position:absolute; top:97px; left:50%; margin-left:-75px; width:150px; background:#fff; display:none; z-index:4;}
.T-nav > li .sec a{ display:block; line-height:40px; text-align:center;}


.ind-01{ background:#fff; padding:3% 0;}
.vmare{ width:57%; border-right:2px solid #f1f1f1; padding-right:30px;}
.vmare .pic{ float:left; width:238px;}
.vmare .pic img{ width:100%; height:173px; object-fit:cover;}
.vmare .con{ width:calc(100% - 260px);}
.vmare .con .d1{ font-size:18px; font-weight:bold; line-height:35px; height:35px; overflow:hidden;}
.vmare .con .d2{ margin-top:15px; line-height:25px; height:75px; overflow:hidden;color:#666;}
.vmare .con .d3{ margin-top:15px;}
.vmare .con .d3 a{ display:inline-block; color:#999; line-height:32px; border:1px solid #ddd; padding:0 24px; font-size:12px; transition:all 0.5s ease;}
.mqolt{ width:40%;}
.nueca{ line-height:35px; font-size:18px; font-weight:bold;}
.nueca span{ display:inline-block; cursor:pointer; margin-right:25px;}
.nueca span.cur{ color:#fc433e;}
.mecao{ margin-top:10px;}
.mecao .cd-more{ width:30px; height:30px; background:url(../images/ve.png) no-repeat center center; position:absolute; right:0; top:-43px; display:block;transition:all 0.5s ease;}
.mecao li{ line-height:30px; height:30px; overflow:hidden;}
.mecao li span{ float:right; color:#999;}
.mecao li a{}
.mecao li a:before{ content:''; display:inline-block; vertical-align:middle; margin-right:6px; width:4px; height:4px; border-radius:50%; background:#fc433e;}



.ind-02 .list{ width:100%;}
.ind-02 .list a{ display:block; color:#fff;}
.ind-02 .list a .pic{ overflow:hidden;}
.ind-02 .list a .pic img{ width:100%; height:210px; object-fit:cover; transition:all 0.5s ease;}
.ind-02 .list a .con{ position:absolute; left:0; top:0; width:100%; padding:25px;}
.ind-02 .list a .con .d1{ font-weight:bold; font-size:18px;}
.ind-02 .list a .con .d2{ margin-top:5px; text-transform:uppercase;font-size:12px; font-family:arial;}
.ind-02 .list a .con .d3{ margin-top:10px;}
.ind-02 .list02 a .con .d1{ color:#333;}
.ind-02 .list02 a .con .d2{ color:#999;}

.mbuae{ width:100%;}
.mbuae .pic{ overflow:hidden;}
.mbuae .pic img{ width:100%; height:210px; object-fit:cover; transition:all 0.5s ease;}
.mbuae .con{ position:absolute; left:0; top:0; width:100%; padding:25px 23px 0;}
.mbuae .con .d1{ font-weight:bold; font-size:18px;}
.mbuae .con .d2{ margin-top:5px;}
.mbuae .con .d2 .s1{ float:left; width:calc(100% - 135px); font-size:12px; color:#999; line-height:25px;}
.mbuae .con .d2 .s2{ margin-top:15px;}
.foot{ background:#fff; padding:1% 0; color:#4b4b51;}
.vnaec{ line-height:26px; font-weight:bold;}
.bmaec{ line-height:26px;}
.bmaec .title{ display:none;}
.oaelb{ margin-bottom:15px;}
.oaelb a{ display:inline-block; position:relative; font-weight:bold; color:#4b4b51;}
.oaelb a span{ display:none; position:absolute; right:0; bottom:40px; width:117px;}

.ny-banner{ height:270px; background:no-repeat center center; background-size:cover;}
.lmbat{ background:rgba(255,255,255,0.15); border-top:1px solid rgba(255,255,255,0.5); position:absolute; left:0; bottom:0; width:100%; line-height:70px; color:#fff;}
.drelm a{ color:#fff;}
.drelm span{ margin:0 6px;}
.ny-nav span{ display:none;}
.ny-nav p a{ display:inline-block; margin-left:40px; color:#fff; position:relative; transition:all 0.5s ease;}
.ny-nav p a.cur{ color:#e60012; background:url(../images/sv.png) no-repeat center bottom;  }

.ny-main{ padding:3% 0;}
.ambot .pic{ width:425px;}
.ambot .con{ width:740px;}
.ambot .con .d1{ color:#fc433e; font-size:30px; font-weight:bold;}
.ambot .con .d2{ color:#e6e5e4; font-size:60px; border-bottom:1px solid #ddd; line-height:1.1; padding:20px 0;}
.ambot .con .d3{ line-height:2; padding:3% 0;}

.mlbab{ background:#fff url(../testimg/t11.jpg) no-repeat left bottom;}
.mlbab .pic{ width:563px;}
.mlbab .con{ width:637px; padding:6%;}
.mlbab .con .d1{color:#fc433e; font-size:30px; font-weight:bold;}
.mlbab .con .d2{ line-height:2; margin-top:3%;}

.bteabc{ background:#fff; padding:3%;}
.bteabc h2{color:#fc433e; font-size:30px;}
.pltem{ margin-top:3%;}
.pltem li{ background:#f9f9f9;}
.pltem li .pic{ width:50%;}
.pltem li .pic img{ width:100%; height:307px; object-fit:cover;}
.pltem li .con{ width:50%; padding:50px 7%;}
.pltem li .con .d1{ font-size:20px;}
.pltem li .con .d1:before{ content:''; display:inline-block; vertical-align:middle; margin-right:8px; width:3px; height:20px; background:#fc433e;}
.pltem li .con .d2{ margin-top:25px; line-height:25px;}
.pltem li:nth-child(2n) .pic{ float:right;}

.bnefm{ font-size:16px; font-weight:normal;}
.bnefm a{ margin-left:15px; border:1px solid #ddd; line-height:40px; display:inline-block; width:160px; text-align:center; color:#333;}
.bnefm a.cur{ color:#e60012; border-color:#e60012;}
.volte{ margin-top:5%;}
.olbre{ margin-top:5%; background:url(../images/dd.jpg) repeat-y center top;}
.ltelcv li{ width:calc(50% + 10px); float:left; text-align:right; padding:12px 0;}
.ltelcv li:nth-child(2n){ float:right; text-align:left;}
.ltelcv li .year{ font-size:30px; color:#e60012; padding:0 40px; background:url(../images/yd.jpg) no-repeat right center;}
.ltelcv li .con{ font-size:16px; line-height:1.8; padding:0 40px;}
.ltelcv li:nth-child(2n) .year{ background-position:left center;}

.hborem li{ width:49%; float:left;}
.hborem li:nth-child(2n){ float:right;}
.hborem li a{ display:block;}
.hborem li a .pic img{ width:100%; height:370px; object-fit:cover;}
.hborem li a .con{ background:#fff; padding:6% 30px;}
.hborem li a .con .d1{ font-size:16px; color:#999;}
.hborem li a .con .d2{ margin-top:5px; line-height:25px; height:25px; overflow:hidden; font-size:18px;}
.vibac{ border-top:1px solid #ddd; margin-top:3%;}
.vibac li a{ border-bottom:1px solid #ddd; display:block; padding:25px 0;}
.vibac li a .date{ width:180px; text-align:center; border-right:1px solid #ddd; color:#888;}
.vibac li a .date span{ display:block; font-size:50px; font-family:Arial, Ravvi, sans-serif; color:#333}
.vibac li a .con{ width:calc(100% - 220px);}
.vibac li a .con .d1{ font-size:18px; line-height:35px; height:35px; overflow:hidden;}
.vibac li a .con .d2{ color:#999; line-height:22px; height:44px; overflow:hidden; margin-top:5px;}

.page-oae{ margin-top:3%;}
.page-oae a{ background:#fff; display:inline-block; line-height:32px; width:34px; border:1px solid #ddd; border-radius:3px; margin:0 3px; font-family:cursive;}
.page-oae a.cur{ color:#fff; background:#e60012; border-color:#e60012;}

.lmecb{ border-bottom:1px solid #ddd; padding-bottom:20px;}
.lmecb .d1{ font-size:32px; font-weight:bold;}
.lmecb .d2{ margin-top:12px; color:#999;}
.lmecb .d2 span{ margin:0 5px;}

.edit-con{ padding:3% 0; color:#333; line-height:2; font-size:16px;}

.plbabe{ border-top:1px solid #ddd; padding-top:20px;}
.plbabe p{ font-size:16px; padding:3px 0;}
.plbabe .back{ display:inline-block; position:absolute; right:0; top:20px; line-height:35px; padding:0 40px; color:#e60012; border:1px solid #e60012;}


.aoptc li{ float:left; margin-top:3%; width:32%; margin-right:2%;}
.aoptc li:nth-child(3n){ margin-right:0;}
.aoptc li a{ display:block; text-align:center;}
.aoptc li a .tit{ line-height:30px; height:30px; overflow:hidden; margin-top:5px;}
.aoptc li a .pic:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/pl.png) no-repeat center center; transition:all 0.5s ease;}

.slmrea{ background:no-repeat center center; background-size:cover; padding:10% 0;}
.slmrea h2{ font-size:30px; color:#fc433e; text-align:center;}

.oplte li{ width:20%; text-align:center; float:left; margin-top:6%;}
.oplte li a{ display:inline-block; color:#005bac; transition:all 0.5s ease;}
.oplte li a .pic span{ display:inline-block; width:100px; height:100px; border-radius:50%; background:rgba(0,91,172,0.1) no-repeat center center; transition:all 0.5s ease;}
/*.oplte li a .pic span.s1{ background-image:url(../images/a1-1.png);}
.oplte li a .pic span.s2{ background-image:url(../images/a2-1.png);}
.oplte li a .pic span.s3{ background-image:url(../images/a3-1.png);}
.oplte li a .pic span.s4{ background-image:url(../images/a4-1.png);}
.oplte li a .pic span.s5{ background-image:url(../images/a5-1.png);}
.oplte li a .pic span.s6{ background-image:url(../images/a6-1.png);}
.oplte li a .pic span.s7{ background-image:url(../images/a7-1.png);}
.oplte li a .pic span.s8{ background-image:url(../images/a8-1.png);}
.oplte li a .pic span.s9{ background-image:url(../images/a9-1.png);}
.oplte li a .pic span.s10{ background-image:url(../images/a10-1.png);}*/

.oplte li a .pic span.s6{ background-image:url(../images/a1-1.png);}
.oplte li a .pic span.s9{ background-image:url(../images/a2-1.png);}
.oplte li a .pic span.s3{ background-image:url(../images/a3-1.png);}
.oplte li a .pic span.s4{ background-image:url(../images/a4-1.png);}
.oplte li a .pic span.s5{ background-image:url(../images/a5-1.png);}
.oplte li a .pic span.s1{ background-image:url(../images/a6-1.png);}
.oplte li a .pic span.s7{ background-image:url(../images/a7-1.png);}
.oplte li a .pic span.s8{ background-image:url(../images/a8-1.png);}
.oplte li a .pic span.s2{ background-image:url(../images/a9-1.png);}
.oplte li a .pic span.s10{ background-image:url(../images/a10-1.png);}

.oplte li a .tit{ font-size:18px; margin-top:10px;}

.boltea{ background:no-repeat center center; background-size:cover; padding:8% 0;}

.oreak{ background:rgba(230,0,18,0.8); color:#fff; padding:40px; max-width:655px;}
.oreak .d1{ font-size:40px; text-transform:uppercase;}
.oreak .d2{ font-size:52px; text-transform:uppercase;}
.oreak .d3{ font-size:26px;}
.oreak .d4{ margin-top:15px; line-height:2;}

.lbtaec{ background:no-repeat center center; background-size:cover; padding:8% 0;}
.oteal .d1{ color:#fc433e; font-size:48px;}
.oteal .d2{ color:#e60012; font-size:26px;}
.oteal .d3{ margin-top:3%; line-height:2;}
.mbbea{ padding-top:3%;}
.mbbea li{ width:32%; float:left; margin-right:2%; margin-top:2%; border:1px solid #eee; border-radius:3px; background:url(../testimg/t32.jpg) no-repeat center center; background-size:cover;}
.mbbea li:nth-child(3n){ margin-right:0;}
.mbbea li a{ display:block; padding:35px 30px; background:no-repeat 80% center;}
.mbbea li a .d1{ font-size:20px;}
.mbbea li a .d2{ color:#999; margin-top:8px;}
.obepla{ margin-top:3%;}
.obepla li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.obepla li:nth-child(3n){ margin-right:0;}

.obepla li a{ display:block;}
.obepla li a .pic img{ width:100%; height:218px; object-fit:cover;}
.obepla li a .tit{ line-height:50px; padding:0 20px; height:50px; overflow:hidden; background:#f9f9f9; transition:all 0.5s ease;}

.olpaec{ margin-top:3%;}
.olpaec .pic{ width:46%;}
.olpaec .con{ width:50%;}
.olpaec .con .d1{ font-size:28px; padding:12px 0; position:relative;}
.olpaec .con .d1:after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:40px; background:#002c76;}
.olpaec .con .d2{ line-height:2; font-size:16px; color:#787878; margin-top:20px;}


.lenolsa{ margin-top:4%;}
.lenolsa li{ margin-bottom:10px;}
.dolsca span{ float:left; height:60px; line-height:60px;}
.dolsca{ cursor:pointer; transition:all 0.5s ease; background:#fff; border:1px solid #eee;}
.dolsca.on{ background:#f9f9f9; transition:all 0.5s ease;}
.dolsca .d1{ width:40%; text-indent:20px; text-align:left;}
.dolsca .d2,.dolsca .d3,.dolsca .d4{ text-align:center; width:27%; color:#999;}
.dolsca .d5{ width:5%;}
.lourew{ padding:20px; line-height:2; display:none;}
.dolsca .d5 i{ display: inline-block; width:14px; height:14px; background:url(../images/z1.png) no-repeat center center;}
.dolsca.on .d5 i{ background:url(../images/z2.png) no-repeat center center;}
#map{ height:400px; margin-top:4%;}
.orelb{ margin-top:3%;}
.orelb .d1{ margin-bottom:10px; font-size:22px; font-weight:bold;}
.orelb .d2{ background:no-repeat left top; font-size:16px; padding:7px 0 7px 45px; margin-top:15px;}

.ovrteb{ margin-top:3%;}
.ovrteb li{ line-height:65px; height:65px; overflow:hidden; border-bottom:1px dashed #ddd; font-size:16px; color:#666;}
.ovrteb li span{ float:right; margin-left:10px; color:#999; font-family:Ravvi;}
.ovrteb li a:before{ content:''; width:4px; height:4px; border-radius:50%; background:#fc433e; display:inline-block; margin-right:8px; vertical-align:middle;}













@media (min-width: 1201px){
	.mecao .cd-more:hover{transform:rotate(90deg);transition:all 0.5s ease;}
.ny-nav p a:hover {
    color: #e60012; transition:all 0.5s ease;
    background: url(../images/sv.png) no-repeat center bottom;
}
.T-nav > li .sec a:hover{background:#f9f9f9;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#e60012;}
.T-nav li .sec,.T-nav > li .thr{ display:block; opacity:0; visibility: hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:40px; transition:all 0.5s ease;}
.vmare .con .d3 a:hover{ background:#fc433e; color:#fff; border-color:#fc433e; padding:0 30px; transition:all 0.5s ease;}
/*.ind-02 .list a:hover .pic img,.mbuae:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}*/
.oaelb a:hover span{ display:block;}
.aoptc li a:hover .pic:after{ background-color:rgba(0,0,0,0.5); transition:all 0.5s ease;}
.oplte li a:hover{ color:#fc433e; transition:all 0.5s ease;}
.oplte li a:hover .pic span{ background-color:rgba(252,67,62,0.1); transition:all 0.5s ease;}
.oplte li a:hover .pic span.s6{ background-image:url(../images/a1-2.png);}
.oplte li a:hover .pic span.s9{ background-image:url(../images/a2-2.png);}
.oplte li a:hover .pic span.s3{ background-image:url(../images/a3-2.png);}
.oplte li a:hover .pic span.s4{ background-image:url(../images/a4-2.png);}
.oplte li a:hover .pic span.s5{ background-image:url(../images/a5-2.png);}
.oplte li a:hover .pic span.s1{ background-image:url(../images/a6-2.png);}
.oplte li a:hover .pic span.s7{ background-image:url(../images/a7-2.png);}
.oplte li a:hover .pic span.s8{ background-image:url(../images/a8-2.png);}
.oplte li a:hover .pic span.s2{ background-image:url(../images/a9-2.png);}
.oplte li a:hover .pic span.s10{ background-image:url(../images/a10-2.png);}
 

.obepla li a:hover .tit{ background:#e60012; color:#fff; transition:all 0.5s ease;}
}






@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;}

.top{ padding:0; top:0; width:100%; left:0; margin-left:0; background:#fff; position:fixed; z-index:20;}
.top .t-logo{ padding:5px 0;}
.top .t-logo img{ height:40px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee;}
.T-nav li > a{ background:none !important; line-height:45px; padding:0 3%; font-size:16px;}
.T-nav > li .sec{ position:relative; top:0; left:0; margin:0; width:100%; padding:0; box-shadow:0 0 0; border:none;}
.mob-nav{ display:block;}
.vmare{ width:100%; border:none; border-bottom:1px solid #ddd; padding:0 0 3%;}
.mqolt{ width:100%; margin-top:3%;}
.mbuae{ width:50%;}
.ind-02 .list{ width:50%;}
.ambot .pic{ width:100%;}
.ambot .con{ width:100%; margin-top:3%;}
.ambot .con .d1{ font-size:20px;}
.ambot .con .d2{ font-size:30px;}
.drelm{ display:none;}
.lmbat{ position:relative; border-bottom:1px solid #ddd;}
.ny-nav{ width:100%;}
.ny-nav span{ display:block; line-height:50px; color:#333; font-size:16px; background:url(../images/xx.png) no-repeat right center;}
.ny-nav p{ left:0; width:100%; display:none;}
.ny-nav p a{ color:#333; margin:0; display:block; width:100%; line-height:50px;}
.ny-nav p a.cur{ background:none;}
.mlbab .pic{ width:100%;}
.mlbab .con{ width:100%; padding-bottom:4%;}
.mlbab .con .d1,.bteabc h2,.slmrea h2{ font-size:20px;}
.hborem li a .pic img{ height:240px;}
.lmecb .d1{ font-size:20px;}
.lmecb .d2 span.s3{ display:none;}
.plbabe .back{ position:relative; top:0; margin-top:12px;}
.plbabe p{ font-size:14px;}
.oreak .d1,.oteal .d2{ font-size:18px;}
.oreak .d2,.oteal .d1{ font-size:20px;}
.oreak .d3{ font-size:16px;}
.dolsca .d2,.dolsca .d3,.dolsca .d4{ display:none;}
.dolsca .d5{ width:30px;}
.dolsca .d1{ width:calc(100% - 40px);}
}


@media (max-width: 780px){
.wrap{ padding:0 3%;}
.vnaec{ width:100%;}
.bmaec{ display:none;}
.mbuae{ width:100%;}
.ind-02 .list{ width:33.33%;}
.ny-banner{ height:160px;}
.pltem li .pic{ width:100%;}
.pltem li .pic img{ height:auto;}
.pltem li .con{ width:100%; padding:4%;}
.pltem li .con .d2{ margin-top:10px;}
.pltem li .con .d1{ font-size:18px;}
.bnefm a{ width:80px; font-size:14px; line-height:30px;}
.ltelcv li .year{ font-size:20px; padding:0 30px;}
.ltelcv li .con{ font-size:14px; padding:0 30px}
.edit-con{ font-size:14px;}
.aoptc li{ width:49%;}
.aoptc li:nth-child(3n){ margin-right:2%;}
.aoptc li:nth-child(2n){ margin-right:0;}
.mbbea li{ width:100%;}
.olpaec .pic{ width:100%;}
.olpaec .con{ width:100%; margin-top:2%;}
.olpaec .con .d1{ font-size:20px;}
.olpaec .con .d2{ font-size:14px;}
#map{ height:200px;}
.orelb .d1{ font-size:18px;}
.ovrteb li{ font-size:14px; line-height:45px; height:45px;}
.ovrteb li span{ display:none;}
.ovrteb li a{ display:block;}
}




@media (max-width: 640px){
.vmare .pic{ width:100%;}
.vmare .pic img{ height:auto;}
.vmare .con{ width:100%; margin-top:10px;}
.vmare .con .d1{ font-size:16px;}
.vmare .con .d2{ margin-top:10px;}
.ind-02 .list{ width:100%;}
.hborem li{ width:100%;}
.hborem li a .pic img{ height:auto;}
.hborem li a .con{ padding:4%;}
.hborem li a .con .d1{ font-size:14px;}
.hborem li a .con .d2{ font-size:15px;}
.vibac li a .date{ width:80px; padding:10px 0;}
.vibac li a .date span{ font-size:24px;}
.vibac li a .con { width: calc(100% - 100px);}
.vibac li a .con .d1{ font-size:16px; line-height:25px; height:25px;}
.vibac li a .con .d2{ margin-top:3px;}
.page-oae a.mob-none{ display:none;}
.lmecb .d1{ font-size:18px;}
.oplte li{ width:50%;}
.oplte li a{ display:block;}
.oplte li a .tit{ font-size:17px;}
.obepla li{ width:100%; margin-right:0;}
.obepla li a .pic img{ height:auto;}
}





 











.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 377px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}



 .lorel{ overflow:hidden;display: -webkit-flex;display: flex;}
	  .lorel li{ width:22%; overflow:hidden; transition:all 0.5s ease;}
	  .lorel li.on{ width:34%; transition:all 0.5s ease;}
	  .lorel li img{ /*height:210px; max-width:200%;*/}
	  @media (max-width: 1200px){
	  .lorel{ flex-wrap:wrap;}
	  .lorel li,.lorel li.on{ width:50%;}
	  .lorel li img{ width:100%; height:auto;}
	  }
	  @media (max-width: 640px){
	  .lorel li,.lorel li.on{ width:100%;}
	  }